<template>
	 <div class="">
        <ul class="m-list">
            <li v-for="item in nowList">
             <!--   <router-link :to="{name: 'detail', params: {'id': item.id}}">-->
                    <img :src="item.cover.origin" alt="">
                    <div class="list-box">
                        <div class="left">
                            <p class="titl">{{item.name}}</p>
                            <p class="info">{{item.cinemaCount}}家影院上映 {{item.watchCount}}人购票</p>
                        </div>
                        <div class="right">{{item.grade}}</div>
                    </div>
           <!--     </router-link>-->
            </li>
        </ul>
        <div class="more-button">更多热映电影</div>
    </div>
</template>

<script>
	import $ from 'jquery';

    export default {
        data: function() {
            return {
                nowList: []
            }
        },
        mounted: function() {

            var url = 'http://localhost:3000/rebo?time=' + new Date().getTime()+'&page=1&count=5';
            var that = this;
            $.get(url, function(res) {
             that.nowList = res.data.films
                console.log(res.data.films)
            })
        }
    }    
</script>

<style  scoped>
	
</style>